<?php echo $this->fetch('header.html'); ?>
<script type="text/javascript" src="<?php echo $this->res_base . "/" . 'js/jquery.foucs.js'; ?>"></script>
<link href="<?php echo $this->res_base . "/" . 'css/foucs.css'; ?>" rel="stylesheet" type="text/css" />
<div class="index-page">
    
    <div style="clear:both"></div>
    <div id="main">
        <div id="index_b_hero">
            <div class="hero-wrap">
                <ul class="heros clearfix">
                    <li class="hero">
                        <a href="index.php?app=active&act=active_77" target="_blank">

                            <img src="<?php echo $this->res_base . "/" . 'images/banner4.jpg'; ?>" class="thumb" alt="" width="1000"  height="500"/>
                        </a>
                    </li>
                    <li class="hero">
                        <a>
                            <img src="<?php echo $this->res_base . "/" . 'images/banner3.jpg'; ?>" class="thumb" alt="" width="1000"  height="500"/>
                        </a>
                    </li>
                    <li class="hero">
                        <a>
                            <img src="<?php echo $this->res_base . "/" . 'images/banner1.jpg'; ?>" class="thumb" alt=""  width="1000" height="500" />
                        </a>
                    </li>
                    <li class="hero">
                        <a>
                            <img src="<?php echo $this->res_base . "/" . 'images/banner2.jpg'; ?>" class="thumb" alt="" width="1000" height="500" />
                        </a>
                    </li>

                </ul>
            </div>
            <div class="helper">
                <div class="mask-left">
                </div>
                <div class="mask-right">
                </div>
                <a href="javascript:void(0);" class="prev icon-arrow-a-left" style="left:0px;"></a>
                <a href="javascript:void(0);" class="next icon-arrow-a-right"></a>
            </div>
        </div>
    </div>
    <div class="brands_u" style="display:none" >
        <div class="container">
            <img src="<?php echo $this->res_base . "/" . 'images/brand.png'; ?>" class="brands-logo">
            <div class="brands-container">
                <div class="brands-con">
                    <div>
                        <a><img src="<?php echo $this->res_base . "/" . 'images/brand_item.png'; ?>"></a>
                        <a><img src="<?php echo $this->res_base . "/" . 'images/brand_item.png'; ?>"></a>
                        <a><img src="<?php echo $this->res_base . "/" . 'images/brand_item.png'; ?>"></a>
                        <a><img src="<?php echo $this->res_base . "/" . 'images/brand_item.png'; ?>"></a>
                    </div>
                </div>
                <a class="brands-left"></a>
                <a class="brands-right"></a>
            </div>
        </div>
    </div>
    <div class="recoment" style="margin-top:20px;">
    </div>
    

    

    

    
    <div class="container" style="padding-bottom:50px">
        <div class="title"></div>
        <div class="recoment-items">
            <!-- <a><img src="themes/mall/skin//images/index_item.png"></a>
            <a><img src="themes/mall/skin//images/index_item.png"></a>
            <a><img src="themes/mall/skin//images/index_item.png"></a>
            <a><img src="themes/mall/skin//images/index_item.png"></a>
            <a><img src="themes/mall/skin//images/index_item.png"></a> -->
            <ul>
                <?php $_from = $this->_var['goods']; if (!is_array($_from) && !is_object($_from)) { settype($_from, 'array'); }; $this->push_vars('key', 'val');if (count($_from)):
    foreach ($_from AS $this->_var['key'] => $this->_var['val']):
?>
                <li>
                    <div class="recoment-items-tenant">
                        <a href="<?php echo url('app=store&act=index&id=' . $this->_var['val']['store_id']. ''); ?>"><img src="<?php echo $this->_var['val']['store_logo']; ?>" />
                            <span class="recoment-tenant-name"><?php echo $this->_var['val']['store_name']; ?></span>
                        </a>
                    </div>
                    <div class="recoment-items-main">
                        <a href="<?php echo url('app=goods&act=index&id=' . $this->_var['val']['goods_id']. ''); ?>"><img src="<?php echo $this->_var['val']['pcrecom_image']; ?>" width="980" height="330" /></a>
                    </div>
                    <div class="items-text">
                        <div class="items-m-r-t">
                            <?php echo $this->_var['val']['recom_title']; ?>
                        </div>
                        <div  class="items-m-r-b">

                            <p><a href="<?php echo url('app=goods&act=index&id=' . $this->_var['val']['goods_id']. ''); ?>"><?php echo $this->_var['val']['goods_name']; ?></a></p>
                            <p class="commodity-price"><?php echo $this->_var['val']['sign']; ?><span><?php echo $this->_var['val']['price']; ?></span></p>
                            <a href="<?php echo url('app=goods&act=index&id=' . $this->_var['val']['goods_id']. ''); ?>" class="buying">立即抢购</a>
                        </div>
                    </div>
                </li>
                <?php endforeach; endif; unset($_from); ?><?php $this->pop_vars();; ?>

            </ul>
        </div>
    </div>
</div>

<script type="text/javascript">
    $.foucs({direction: 'right'});
</script>

<script>
    $(function(){
        function tab(obj){
            var aLi=$(obj).find('li').size();
            var oWidth=$(obj+' li').innerWidth();
            var oUl=$(obj+' ul');
            oUl[0].style.width=oWidth*aLi*2+'px';
            var W=oUl.innerWidth()/2;
            oUl[0].innerHTML+=oUl[0].innerHTML;
            var oLeft=$(obj+' .list-b-l');
            var oRight=$(obj+' .list-b-r');
            oLeft.click(function() {
                var nLeft=oUl.position().left;
                if(nLeft<(-W)){
                    nLeft=0;
                }else{
                    nLeft=nLeft-oWidth*1;
                }
                oUl.stop().animate({'left':nLeft},243);
            });
            oRight.click(function() {
                var nLeft=oUl.position().left;
                if(nLeft>=0){
                    nLeft=-W;
                }else{
                    nLeft=nLeft+oWidth*1;
                }
                oUl.animate({'left':nLeft},243);
            });
        };
        tab('.tab1');
        tab('.tab2');
    });
</script>

<!--<script>
    function turn_left($this) {
        var ul = $this.siblings(".ul_wrap").find("ul");
//        var s = ul.find("li").size();
        var w = ul.find("li:first").width();
//        ul.css("width",w*s);
        ul.animate({"left":-w}, 1000, function() {
            var html = ul.css({"left":0}).find("li:lt(1)");
            ul.append(html);
        });
    }

    function turn_right($this) {
        var ul = $this.siblings(".ul_wrap").find("ul");
        var w = ul.find("li:first").width();
        console.log(w);
        ul.animate({"right":-w}, 1000, function() {
            var html = ul.css({"right":0}).find("li:lt(1)");
            ul.append(html);
        });
    }
</script>-->
<?php echo $this->fetch('footer.html'); ?>